<template>
 <div v-if="flag" class="load" :style={width,height}>
  <h1>{{ title }}</h1>
  <slot name="duihua"></slot>
 </div>
</template>
<script>
export default{
    name:'',
    props:{
      flag:Boolean,
      width:String,
      height:String,
      title:String
    },
    data () {
        return {
        }
    },
    created () {
    },
    computed:{
    },
    methods:{
    }
}
</script>
<style lang='less'  scoped>
    .load {
  width: 100vw;
  height: 100vh;
  background: rgba(125, 125, 125, 0.5);
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
</style>
